import React from 'react'
import store from '../../store/store'
import {getMovieAction} from '../../store/actions/movieAction'

export default function Movie() {

  const {count}  = store.getState().count;   //拿到Count组件的值
  const {movieList} = store.getState().movie; //拿到Movie组件的值

  //点击发送请求获取电影列表(store.dispatch)
  const getMovieHandle = () => {
    store.dispatch(getMovieAction())
  }

  return (
    <div>
      <h1>我是Movie组件</h1>
      <p>我收到的Count组件的值是 { count }</p>
      <p>我的电影条数是{movieList.length}</p>
      <button onClick = {getMovieHandle}>点我获取电影列表</button>
      <ul>
        {
          movieList.map(item => {
            return <li key={item.tvId}>{item.albumName}</li>
          })
        }
      </ul>
    </div>
  )
}
